@charset "UTF-8";
body,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
input,
select,
textarea,
button,
th,
td,
menu {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

ul,
dl,
ol {
  list-style: none; }

img,
fieldset,
input[type="submit"] {
  border: 0 none; }

em {
  font-style: normal; }

strong {
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button,
input[type="button"] {
  cursor: pointer;
  border: 0 none; }

a,
button,
input,
img {
  -webkit-touch-callout: none; }

img {
  /*pointer-events:none;*/
  /*禁止图片的点击事件，例如长按保存图片*/ }

input,
select,
textarea {
  outline: none; }

a {
  text-decoration: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both; }

.clearfix::after {
  -khtml-user-select: none;
  /*禁止元素点击出现半透明黑色背景*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .clearfix::after .clear_fix::after {
    content: "";
    display: block;
    clear: both; }
  .clearfix::after html,
  .clearfix::after body {
    /*禁止用户选择元素*/
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    /*禁止元素点击出现半透明黑色背景*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .clearfix::after html {
    width: 100%;
    font-family: 'Heiti SC', 'Microsoft YaHei';
    outline: 0;
    -webkit-text-size-adjust: none; }
  .clearfix::after body {
    margin: 0;
    position: relative; }
  .clearfix::after .clearFix:after {
    content: "";
    display: block;
    clear: both; }

html {
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  outline: 0;
  -webkit-text-size-adjust: none; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

html {
  font-size: 170.66px; }

* {
  margin: 0;
  padding: 0; }

body {
  background-color: #f7f7f7;
  margin-bottom: 0.46877rem; }
  body button {
    outline: none; }

header {
  border-bottom: 0.00586rem solid #c1c1c1; }
  header .container {
    display: flex;
    width: 100%;
    height: 0.51565rem;
    font-size: 0px; }
    header .container .item {
      font-size: 0.20509rem; }
      header .container .item button {
        outline: none;
        width: 0.12891rem;
        height: 0.21681rem;
        font-size: 0.23438rem;
        background-color: #f7f7f7;
        color: #848689; }
    header .container .item:first-of-type {
      margin-top: 0.15235rem;
      margin-left: 0.16993rem; }
    header .container .item:nth-of-type(2) {
      margin-top: 0.15821rem;
      margin-left: 1.15434rem;
      color: #333333; }
    header .container .item:last-of-type {
      margin-top: 0.15821rem;
      margin-left: 1.01957rem;
      width: 0.21095rem; }
      header .container .item:last-of-type i {
        font-size: 0.17579rem; }
      header .container .item:last-of-type button {
        width: 0.3633rem;
        font-size: 0.17579rem;
        color: #666666; }

section .title {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 0.46877rem;
  background-color: #FFFFFF; }
  section .title .Commodity_shelves_text {
    height: 100%; }
    section .title .Commodity_shelves_text h5 {
      cursor: pointer;
      font-size: 0.15235rem;
      font-weight: 500;
      line-height: 0.46877rem; }
  section .title .Already_down {
    height: 100%; }
    section .title .Already_down h5 {
      font-size: 0.15235rem;
      font-weight: 500;
      line-height: 0.46877rem;
      cursor: pointer; }

section .commodity {
  height: 1.4063rem;
  border-top: 0.00586rem solid #e0e0e0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative; }
  section .commodity .img {
    width: 1.17192rem;
    height: 1.17192rem;
    background: #FFFFFF; }
    section .commodity .img img {
      width: 100%;
      height: 100%; }
  section .commodity .text h5 {
    font-size: 0.15235rem;
    font-weight: 500;
    width: 2.22665rem; }
  section .commodity .text p {
    font-size: 0.14063rem;
    margin-top: 0.14063rem; }
  section .commodity .text .mingxi {
    display: flex; }
    section .commodity .text .mingxi p:nth-of-type(2) {
      font-size: 0.17579rem;
      color: #d62d31; }
    section .commodity .text .mingxi .box {
      width: 0.25782rem;
      height: 0.25782rem;
      border: 0.01758rem solid #d62d31;
      border-radius: 50%;
      font-size: 0;
      color: #d62d31;
      font-weight: bold;
      text-align: center;
      margin-top: 0.14063rem;
      margin-left: 0.93754rem;
      display: flex; }
      section .commodity .text .mingxi .box p {
        font-size: 0.10547rem;
        margin: 0;
        width: 100%;
        height: 100%;
        margin-top: 0.04688rem;
        cursor: pointer; }
  section .commodity .edit {
    display: none;
    background-color: #000;
    opacity: 0.8;
    color: #FFFFFF;
    width: 3.51576rem;
    height: 0.64456rem;
    position: absolute;
    left: 0.17579rem;
    top: 0.21095rem; }
    section .commodity .edit .pic_iconfont {
      display: flex;
      margin-top: 0.08203rem;
      justify-content: space-around; }
      section .commodity .edit .pic_iconfont .iconfont {
        font-size: 0.26954rem; }
    section .commodity .edit .pic_text {
      font-size: 0.11719rem;
      display: flex;
      justify-content: space-around;
      margin-top: 0.04688rem; }

footer .end_box {
  font-size: 0;
  height: 0.58596rem;
  width: 100%;
  border-top: 0.00586rem solid #c1c1c1;
  background-color: #FFFFFF;
  position: fixed;
  bottom: 0px;
  display: flex;
  justify-content: space-around;
  align-items: center; }
  footer .end_box button {
    width: 1.58209rem;
    height: 0.41017rem;
    font-size: 0.16407rem;
    border-radius: 0.04688rem; }
  footer .end_box .add {
    background-color: #d62d31;
    color: #FFFFFF; }
  footer .end_box .Administration {
    background: #FFFFFF;
    border: 0.00586rem solid #bcc1c4; }

.addbox {
  width: 0.20509rem;
  height: 0.20509rem;
  border-radius: 50%;
  border: 0.00586rem solid #cfcfcf;
  font-size: 0; }

.click_end_box {
  font-size: 0;
  height: 0.58596rem;
  width: 100%;
  border-top: 0.00586rem solid #c1c1c1;
  background-color: #FFFFFF;
  position: fixed;
  bottom: 0px;
  display: flex;
  justify-content: space-around;
  align-items: center; }
  .click_end_box .allBox {
    width: 0.20509rem;
    height: 0.20509rem;
    border-radius: 50%;
    border: 0.00586rem solid #cfcfcf;
    font-size: 0; }
  .click_end_box .text p {
    font-size: 0.14063rem; }
  .click_end_box button {
    width: 0.82034rem;
    height: 0.35158rem;
    font-size: 0.14063rem; }
  .click_end_box .top {
    background-color: #ffffff;
    color: #666666;
    border: 0.00586rem solid #d2d2d2; }
  .click_end_box .Lower_frame {
    background-color: #ffffff;
    color: #666666;
    border: 0.00586rem solid #d2d2d2; }
  .click_end_box .delete {
    background-color: #d62d31;
    color: #FFFFFF; }

.h5 {
  cursor: pointer;
  font-size: 0.15235rem;
  font-weight: 500;
  color: #d62d31;
  line-height: 0.46877rem;
  border-bottom: 0.02344rem solid #d62d31; }
